<template>
    <footer id="outFooter">
        <div class="bottom">
            <p>友情链接：</p>
            <ul id="footerId">
                <li v-for='(item) in list' :key='item.dictCode'>
                    <a :href="item.dictValue">{{item.dictLabel}}</a>
                </li>
            </ul>
        </div>
        <div class="footerBottom">
            Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号
        </div>
    </footer>
</template>

<script>
    export default {
        name: "MyFooter",
        data() {
            return {
                courseData: {},
                list: [],
            }
        },
        created() {
            let form = new URLSearchParams();
            form.append("dictType", "blogroll");
            form.append("pageNum", "1");
            form.append("pageSize", "10");
            form.append("orderByColumn", "dictSort");
            form.append("isAsc", "asc");
            this.$axios
                // 底部接口
                .post("http://wkt.myhope365.com/system/dict/data/list/open", form)
                .then((res) => {
                    console.log(res)
                    this.list = res.data.rows;
                    console.log(this.list)
                });
        }
    }
</script>

<style scoped>
    /* 底部开始 */
    #footerId {
        overflow: hidden;
    }

    #footerId>li {
        padding-top: 5px;
        margin-right: 30px;
        float: left;
    }
    #footerId>li>a{
        font-size: 14px;
        color: #999999;
    }
    #footerId>li>a:hover{
        color: #00cf8c;
    }
    footer {
        box-sizing: border-box;
        padding: 20px 0;
        /* height: 197px; */
        background-color: #444546;
    }

    footer>.bottom {
        margin: auto;
        width: 1200px;
    }

    footer>.bottom>p {
        height: 30px;
        margin: 16px 0;
        font-size: 22px;
        color: #999999;
        font-weight: 500;
    }
    .footerBottom{
        padding-top: 6px;
        text-align: center;
        font-size: 14px;
        color: #999;
        /* background-color: red; */
        width: 1000px;
        border-top: 2px solid #636363;
        box-sizing: border-box;
        height: 40px;
        margin: auto;
        margin-top: 39px;
    }
</style>